﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>微信开发者-通过最简单的设置 实现最好用的功能</title>
    <!--引入样式-->
    <link href="Content/css/index.min.css" rel="stylesheet" />
    <link href="Content/jstree/themes/default/style.min.css" rel="stylesheet" />

    <link href="Content/kindeditor/themes/default/default.css" rel="stylesheet" />
    <link href="Content/kindeditor/plugins/code/prettify.css" rel="stylesheet" />
    <link href="Content/jquery-ui-bootstrap/css/jquery-ui-1.10.0.custom.css" rel="stylesheet" />
</head>
<body>
    <!--顶部-->
    <header>
        <div class="container">
            <div class="logo">
                <div class="glyphicon glyphicon-fire"></div>&nbsp;<label>WeChatDev</label><small>微信开发者</small>
            </div>
        </div>
    </header>

    <div class="container">
        <div class="row">
            <!--左边旁-->
            <aside class="col-lg-4">
                <div id="divMenu">
                    <div class="row">
                        <div class="col-lg-12">
                            <button type="button" class="btn btn-success btn-sm" onclick="Tcreate();"><i class="glyphicon glyphicon-plus"></i>添加</button>
                            <button type="button" class="btn btn-warning btn-sm" onclick="Trename();"><i class="glyphicon glyphicon-pencil"></i>重命名</button>
                            <button type="button" class="btn btn-danger btn-sm" onclick="Tdelete();"><i class="glyphicon glyphicon-remove"></i>删除</button>
                            <button class="btn btn-primary btn-sm" onclick="SyncMenu();"><i class="glyphicon glyphicon-refresh"></i>同步至微信</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <input type="text" value="" class="form-control" id="tQuery" placeholder="搜索" />
                        </div>
                    </div>

                    <!--分类树-->
                    <div class="row">
                        <div id="mTree">
                        </div>
                    </div>

                    <hr />
                    <p>
                        <i class="glyphicon glyphicon-stop"></i>：微信一级菜单，最多三个，不超过16个字节<br />
                        <i class="glyphicon glyphicon-leaf"></i>：微信二级菜单，最多五个，不超过40个字节
                    </p>
                    <hr />
                    <p>创建自定义菜单后，由于微信客户端缓存，需要24小时微信客户端才会展现出来。建议测试时可以尝试取消关注公众账号后再次关注，则可以看到创建后的效果</p>
                </div>
            </aside>

            <!--右文章-->
            <article class="col-lg-8">
                <ul class="nav nav-tabs" id="myTab">
                    <li class="active"><a href="#tabText" data-toggle="tab">文字</a></li>
                    <li><a href="#tabArticle" data-toggle="tab">图文</a></li>
                    <li><a href="#tabMethod" data-toggle="tab">方法</a></li>
                    <li><a href="#tabSetting" data-toggle="tab">设置</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="tabText">
                        <div class="row">
                            <div class="col-lg-12" style="text-align:right;">
                                <button id="btnTextAdd" class="btn btn-success btn-sm"><i class="glyphicon glyphicon-plus"></i>添加</button>
                            </div>
                        </div>
                        <div class="row">
                            <div id="showWxText1" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            </div>
                            <div id="showWxText2" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            </div>
                            <div id="showWxText3" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="tabArticle">
                        <div class="row">
                            <div class="col-lg-12" style="text-align:right;">
                                <button id="btnArticleAdd" type="button" class="btn btn-success btn-sm"><i class="glyphicon glyphicon-plus"></i>添加</button>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="tabMethod">第3...</div>
                    <div class="tab-pane" id="tabSetting">第4...</div>
                </div>
            </article>
        </div>
    </div>

    <!--底部-->
    <footer>
        <div class="logo"><span class="glyphicon glyphicon-fire"></span></div>
        <div class="title">@2014&nbsp;fliujun.com&nbsp;版本所有&nbsp;违者必究&nbsp;|&nbsp;<span class="glyphicon glyphicon-envelope"></span>&nbsp;me@fliujun.com</div>
    </footer>

    <!--文本编辑-->
    <form id="formText" style="display:none;" action="MyHandler.ashx" method="post">
        <input name="method" type="hidden" value="modifyWxText"/>
        <input name="id" type="hidden" value="-1" />
        <input name="type" type="hidden" value="add" />
        <textarea name="text" class="form-control" rows="15" placeholder="微信文本内容，可输入超链接<a>标签，实现微信内链接"></textarea>
    </form>

    <!--图文编辑-->
    <form id="formArticle" style="display:none;">
        <div class="form-group">
            <label for="inputTitle">标题<b>*</b></label>
            <input name="inputTitle" type="text" class="form-control" id="inputTitle" placeholder="标题，255个字节内" />
        </div>
        <div class="form-group">
            <label for="inputDescription">描述<b>*</b></label>
            <textarea name="inputDescription" id="inputDescription" class="form-control" rows="3" placeholder="请输入描述，将出现在图片下方"></textarea>
        </div>
        <div class="form-group">
            <label for="inputContent">内容<b>*</b></label>
            <textarea name="inputContent" id="inputContent" class="form-control" rows="20"></textarea>
        </div>
    </form>

    <!--正在加载-->
    <div id="loading">
        <img src="Content/images/loading.gif" />
    </div>

    <!--智能提示-->
    <div id="alert"></div>

    <!--引入脚步-->
    <script src="Content/script/jquery-1.11.0.min.js"></script>
    <script src="Content/bootstrap/js/bootstrap.min.js"></script>
    <script src="Content/jstree/jstree.min.js"></script>
    <script src="Content/script/jquery.form.js"></script>
    <script src="Content/kindeditor/kindeditor-min.js"></script>
    <script src="Content/kindeditor/lang/zh_CN.js"></script>
    <script src="Content/kindeditor/plugins/code/prettify.js"></script>
    <script src="Content/jquery-ui-bootstrap/js/jquery-ui-1.9.2.custom.min.js"></script>

    <script src="Content/script/index.js"></script>

    <script src="Content/script/WxText.js"></script>
    <script src="Content/script/WxArticle.js"></script>
</body>
</html>